<template>
   <!-- 功能菜单 -->
      <div class="device">
        <a>
          <div class="mbg">
            <p class="ico">
              <img
                src="http://img.chwlsq.com/4187/config/2107081501158182258.png"
              />
            </p>
            <p class="ico-title">工作</p>
          </div>
        </a>
        <a>
          <div class="mbg" >
            <p class="ico">
              <img
                src="http://img.chwlsq.com/4187/config/2107081501338203580.png"
              />
            </p>
            <p class="ico-title">教育</p>
          </div>
        </a>
        <a>
          <div class="mbg" >
            <p class="ico">
              <img
                src="http://img.chwlsq.com/4187/config/2107081501515838391.png"
              />
            </p>
            <p class="ico-title">房屋</p>
          </div>
        </a>
        <a>
          <div class="mbg">
            <p class="ico">
              <img
                src="http://img.chwlsq.com/4187/config/2107081502086463660.png"
              />
            </p>
            <p class="ico-title">生活</p>
          </div>
        </a>
        <a>
          <div class="mbg">
            <p class="ico">
              <img
                src="http://img.chwlsq.com/4187/config/2107081502250213837.png"
              />
            </p>
            <p class="ico-title">闲置</p>
          </div>
        </a>
        <a>
          <div class="mbg">
            <p class="ico">
              <img
                src="http://img.chwlsq.com/4187/config/2107081502393497072.png"
              />
            </p>
            <p class="ico-title">装修</p>
          </div>
        </a>
        <a>
          <div class="mbg">
            <p class="ico">
              <img
                src="http://img.chwlsq.com/4187/config/2107081502576776254.png"
              />
            </p>
            <p class="ico-title">车辆</p>
          </div>
        </a>
        <a>
          <div class="mbg">
            <p class="ico">
              <img
                src="http://img.chwlsq.com/4187/config/2107081503159588904.png"
              />
            </p>
            <p class="ico-title">宠物</p>
          </div>
        </a>
        <a>
          <div class="mbg">
            <p class="ico">
              <img
                src="http://img.chwlsq.com/4187/config/2107081503320682428.png"
              />
            </p>
            <p class="ico-title">宣传</p>
          </div>
        </a>
        <a>
          <div class="mbg">
            <p class="ico">
              <img
                src="http://img.chwlsq.com/4187/config/2107081503449923053.png"
              />
            </p>
            <p class="ico-title">帮助</p>
          </div>
        </a>
      </div>
</template>
<script>

export default {
 
}
</script>

<style scoped>
/* 功能菜单 */
.device {
  padding: 0 0 15px 0;
  width: calc(100% - 15px);
  background-color: white;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
}
.device > a {
  width: 20%;
  text-align: center;
  margin-top: 15px;
}
.mbg > p {
  margin: 0;
  padding: 0;
}
.mbg .ico > img {
  height: 40px;
  width: 40px;
}
.ico-title {
  font-size: 12px;
  color: #222;
}
</style>